
<?php $public_application = $this->config->item('public_application');?>
<div class="main-bg clearfix">
  <div class="container main-box clearfix">
    <h2><font class="org-red">欢迎注册</font><small style="color:#000;"> (如已有卓普帐号, 请<a href="<?php echo site_url('account/login')?>" class="org-red">点此登陆</a>)</small></h2>
	
<?php 
	$attrbutes = array(
		'class' => 'form-horizontal mt-2em',
		'id' => 'reg_form'
	);
	echo form_open('account/register',$attrbutes);
?>
		 <div class="form-group">
          <?php if(validation_errors()){error(validation_errors()); } if($error){error($error);}?>
		 </div>
		 
		  <div class="form-group">
		    <label  class="col-sm-2 control-label">用户名</label>
		    <div class="col-md-5 col-sm-5">
		      <input type="text" class="form-control input-lg" name="username" value="<?php echo set_value('username');?>" placeholder="用户名">
		    </div>
		  </div>
		  <div class="form-group">
		    <label  class="col-sm-2 control-label">密码</label>
		    <div class="col-md-5 col-sm-5">
		      <input type="password" class="form-control input-lg" name="password" id="password" placeholder="密码">
		    </div>
		  </div>
		  <div class="form-group">
		    <label  class="col-sm-2 control-label">确认密码</label>
		    <div class="col-md-5 col-sm-5">
		      <input type="password" class="form-control input-lg" name="repassword"  placeholder="确认密码">
		    </div>
		  </div>
		   <div class="form-group">
		    <label class="col-sm-2 control-label">邮箱</label>
		    <div class="col-md-5 col-sm-5">
		      <input type="text" name="email" value="<?php echo set_value('email');?>" class="form-control input-lg"  placeholder="邮箱地址">
		    </div>
		  </div>

			  <?php
		if($register_need_captcha){
		?>
				  <div class="form-group">
		    <label  class="col-sm-2 control-label">验证码</label>
		    <div class="col-md-5 col-sm-5">
			<div class="input-group">
		      <input type="text"  name='captcha' class="form-control input-lg" placeholder="验证码">
<span class="input-group-addon">
				<span id='captcha'><?php echo $captcha;?></span>
		 </span>
		 </div>
		<script>

			$('#captcha').click(function (){
				get_captcha($(this),'app');
			});
		</script>
		  </div>
		  </div>
		<?php
			}
		 
		 ?>
		  
		  <div class="form-group">
		    <div class="col-sm-offset-2 col-sm-5">
		      <div class="checkbox">
		        <label>
		          <input type="checkbox" name="xy">我已看过并接受 <a class="org-red" href="javascript:void(0);" id="open_xy">《用户协议》</a>
		        </label>
		      </div>
		    </div>
		  </div>
		  <div class="form-group">
		    <div class="col-sm-offset-2 col-sm-10">
		      <button type="submit" class="btn btn-danger">&nbsp;&nbsp;立即注册&nbsp;&nbsp;</button>
		    </div>
		  </div>
	 <?php echo form_close();?>
  </div>
</div>


<div class="modal fade" id="xy_show">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">用户协议</h4>
      </div>
      <div class="modal-body">
        <h2>用户协议</h2>
<p>特别提示</p>
<p>
尊敬的用户，卓普欢迎您注册成为本网站用户。在注册前请您仔细阅读如下服务条款：
用户协议（简称本协议），包括隐私政策及未来可能发生的修订内容，是您（终端用户）和深圳卓普通讯设备有限公司（简称卓普）之间关于卓普网站（www.zopomobile.com，简称本网站)与卓普产品、程序及服务相关事项最终的、完整的且排他的协议，取代、合并之前的当事人之间关于上述事项的讨论和协议，并将对您使用本网站与卓普产品、程序及服务的行为产生法律约束力。您已承诺和保证有权利和能力订立本协议，请您认真阅读本协议中各条款，包括免除和限制卓普责任的免责条款和对用户的权利的限制（未成年人审阅时应由法定监护人陪同）。您使用本网站与卓普产品、程序及服务的行为将视为您已经接受本协议，如果您不能接受本协议中的全部条款，请勿使用本网站或卓普产品。
</p>
  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script src="<?php echo base_url($public_application."js/jquery.validate.min.js")?>"></script>
<script>
$(document).ready(function(){
	$('#open_xy').click(function(){
		$('#xy_show').modal();
	});
});
</script>


<script>
 $(document).ready(function(){
	 $('#reg_form').validate({
		 rules:{
			 email: {required:true,
				     email:true},
		     username: "required",
		     password: "required",
		     repassword: {required:true,
		    	           equalTo:"#password"},
		     captcha: "required",
			 xy: "required"
		 },
		 messages:{
			 email:{required:"请填写邮箱地址",
				    email:"您填写的邮箱格式有误"},
		     username:"请填写用户名",
		     password:"请填写密码",
		     repassword:{required:"请填写确认密码",
		    	          equalTo:"两次密码输入不一致"},
		     captcha:"请填写验证码",
			  xy:"本站用户注册需要同意《用户协议》"
		 },
		 errorPlacement: function(error, element) {
			    error_box = $('<div class="col-md-5 col-sm-5 "> </div>');
			    error_box.append(error);
			     if(element.attr('name') == 'captcha')
			      error_box.appendTo(element.parent().parent().parent()); 	
				 				 
				 else if(element.attr('name') == 'xy')	
				  error_box.appendTo(element.parent().parent().parent().parent()); 
				  
			    else
			      error_box.appendTo(element.parent().parent());  
		 }
	 });
 });
</script>